<!--
* @description:基础信息
* @fileName: BasicInformation
* @author:孟帅龙
* @date:2021-1-14
* @后台人员:孟帅龙
-->
<template>
  <!-- 基础信息 -->
  <div>
    <h2 class="zuo">账户管理</h2>
    <div class="juzhomg">
      <el-form ref="form" :model="form" label-width="80px">
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="账户名:">
              <el-input
                :disabled="true"
                v-model="form.PreName"
                placeholder="账户名"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="密   码 :">
              <el-input
                :disabled="true"
                v-model="form.OPass"
                placeholder="密   码 "
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="操作员:">
              <el-input
                :disabled="true"
                v-model="form.RName"
                placeholder="操作员"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>

    <!-- <h2 class="zuo"> 公司信息</h2> -->
    <div class="juzhomg">
      <el-form ref="form" :model="form" label-width="80px">
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="公司名称:">
              <el-input
                :disabled="true"
                v-model="form.OName"
                placeholder="公司名称"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="公司邮箱 :">
              <el-input
                :disabled="true"
                v-model="form.PreEmail"
                placeholder="公司邮箱"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="固    话:">
              <el-input
                :disabled="true"
                v-model="form.PrePhone"
                placeholder="固    话"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="10">
            <el-form-item label="企业地址:">
              <el-input
                :disabled="true"
                v-model="form.PreHome_address"
                placeholder="企业地址"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      Data: [],
      form: {
        ONumberId: "",
        OPreId: "",
        OName: "",
        OPass: "",
        ORoleId: "",
        DepaName: "",
        PreEmail: "",
        PrePhone: "",
        PreHome_address: "",
        PreName: "",
        RName: "",
      },
      Id: "",
    };
  },
  methods: {
    loadData() {
      this.$axios
        .get(`https://localhost:44384/api/app/operator/${this.Id}/operator-fT`)
        .then((res) => {
          this.form = res.data;
        });
    },
  },
  created() {
    this.Id = sessionStorage.getItem("Id");
    this.loadData();
  },
};
</script>

<style>
.zuo {
  float: left;
}
.juzhomg {
  width: 1100px;
  height: 120px;
  text-align: center;
  margin: 3%;
  padding: 2%;
  float: left;
}
</style>